<div>
    <div class="content__title">
        <h1>
            检测数据管理
            <small>查询和导入数据</small>
        </h1>

        <div class="mb-md text-right">
            <button nz-button [nzType]="'primary'" [nzSize]="'large'" (click)="upload()">
                <i class="anticon anticon-plus"></i>
                <span>导入数据</span>
            </button>

        </div>
    </div>

    <div nz-row [nzGutter]="16">
        <div nz-col [nzMd]="24">
            <nz-card>

                <nz-table #nzTable [nzAjaxData]="dataTable.list" [nzShowSizeChanger]="true" [nzLoading]="loading" [nzTotal]="dataTable.total"
                 [(nzPageIndex)]="dataTable.pageIndex"
                    (nzPageIndexChange)="load()"
                     [(nzPageSize)]="dataTable.pageSize"
                     (nzPageSizeChange)="load()">
                    <thead nz-thead>
                        <tr>
                            <th nz-th>
                                <span>实验室编号</span>
                            </th>
                            <th nz-th>
                                <span>河流名称</span>
                            </th>
                            <th nz-th>
                                <span>采样点位</span>
                            </th>
                            <th nz-th>
                                <span>gps</span>
                            </th>
                            <th nz-th>
                                <span>创建时间</span>
                            </th>

                        </tr>
                    </thead>
                    <tbody nz-tbody>
                        <tr nz-tbody-tr *ngFor="let data of nzTable.data">

                            <td nz-td>
                                <span>
                                    {{data.code}}
                                </span>

                            </td>
                            <td nz-td>
                                <span>
                                    {{data.rivers}}
                                </span>

                            </td>
                            <td nz-td>
                                <span>
                                    {{data.pointName}}
                                </span>

                            </td>
                            <td nz-td>
                               {{ data.gps.original }}

                            </td>
                            <td nz-td>{{data.creationTime | momentFormat:'L' }}</td>

                        </tr>
                    </tbody>
                </nz-table>
            </nz-card>
        </div>

    </div>
    </div>
